<% content_tag :div, :class => 'smallwrapper' do -%>
	<% content_tag :div, :class => 'header' do -%>
		<%= content_tag :img, nil, :src => '/images/icons/icons_65.png', :class => 'hleft' %>
		<%= content_tag :span, 'Contacts',:class => 'hleft' %>
		<% content_tag :div, :class => 'hright' do -%>
			<% form_for :viewoptions, :html => { :id => 'viewoptions' } do |f| -%>
				<%= content_tag :span, 'sort contacts by ' -%>
				<%= f.select :view, ["first name","last name","last modified"], {:selected => current_user.pref3} -%>
			<%- end -%>
			<%= observe_form 'viewoptions', :url => { :action => "list" } , :frequency => 0.5 , :update => "list" -%>
		<% end -%>
		<% content_tag :span, :class => 'headertext' do -%>
			<%= content_tag :p, "Use the contacts tool to keep track of people who are important to your organization. Add a new contact using the tools below. Update a person's contacts whenever your organization has an interaction with them." -%>
			<% content_tag :a, :href => '/contacts/new', :class=>"lnk" do -%>
				<%= content_tag :img, nil, :src => '/images/icons/icons_69.png', :class => 'icon' -%>
				<%= content_tag :strong, "Create a new contact" -%> 
			<% end -%>
		<% end -%>
	<% end -%>
	<% content_tag :div, :id => 'list' do -%>
		<%= render_component :action => 'list' -%>
	<% end -%>
<% end -%>